<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<!--
  hidden:默认hidden

  contentEditable：转换为可编辑模式，默认false。

  data-*：用于传值

  multiple：多选

  required： 必填

  pattern：正则判断输入内容



-->

<details>
    <summary>前端开发</summary>
    <h2>大前端开发包括</h2>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</details>

<progress value="70" max="100">70%</progress>

<dialog open>
    <h2>大前端开发包括</h2>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>
    </ul>
</dialog>

</body>
</html>